<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>布局练习一</title>
	<link rel="stylesheet" href="./css/layout_test1.css">
</head>
<body>
	<div class="header">
		<ul>
			<li>功能一</li>
			<li>功能二</li>
			<li>功能三</li>
		</ul>
	</div>
	<div class="main">
		<div class="content">
			Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam repellendus est voluptas doloremque, neque illum laudantium a maiores debitis natus cum, nesciunt minima molestias iste consequatur tempore alias eligendi assumenda.
		</div>
		<div class="right_side">
			<ul>
				<li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae ipsum deleniti quidem perspiciatis iste? Aut dolores cum, atque unde, aliquid ipsam assumenda fuga, delectus debitis quae fugit expedita temporibus perferendis!</li>
				<li>Animi optio exercitationem commodi quidem sapiente aperiam voluptate molestias dolor, temporibus, neque perspiciatis nemo. Temporibus illum optio, facere quam vel unde fugit fugiat iure commodi, maxime, non et laboriosam, omnis.</li>
				<li>Quibusdam ducimus hic sequi vitae ipsam error nisi officia qui repellat, deleniti, at, voluptatem iste ut, sit nostrum atque? Ab placeat ut obcaecati maiores quo numquam nihil odio soluta, dicta.</li>
			</ul>
		</div>
	</div>
	<div class="footer">
		Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam nisi aliquam architecto, nulla deleniti doloremque atque eveniet, dolorem illum ipsum! Unde blanditiis, hic quae accusantium, eaque doloribus similique earum sed!
	</div>
</body>
</html>